<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>转出</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/style.css" />
		<link rel="stylesheet" href="../css/iconfont3.css" />
		<link rel="stylesheet" href="../css/iconfont6.css" />
		<link rel="stylesheet" href="../../css/title.css" />
		<style>
			input[type=password]{
				    border-radius: 0;
			}
			
			#keyboard{
				height:230px;
				background-color:rgb(245,245,245);
				bottom: 0;
				width:100%;
				padding:0;
				position: fixed;
			    z-index: 10;
			    right: 0;
			    left: 0;
			    border-top:1px solid #c8c7cc;
			    color:#333;
			}
			
			#arrowdown{
				width: 100%;
			    text-align: center;
			    border-bottom: 1px solid #c8c7cc;
			}
			
			#keyboard .num{
				width:33.15%;
				padding-top:13px;
				padding-bottom:14px;
				text-align:center;
				float:left;
				color:#333;
			}
			.payment_pwd{width:36px;height:36px;margin-left:0;float:left;color:#333;}
			#main_content{width:78%;height:104px;margin-bottom:80%;border-radius:8px;margin-top:10px;margin:0 auto;position:fixed;top:12%;left:10%;}
			#main_content .mui-input-row{overflow:visible;}
			.payment_password{display: flex;justify-content: center;height:36px;}
			
			.mui-bar{
				background: #05508a;
			}
			.roll_out .mui-input-group .mui-input-row{
				background:#fff;
			}
		</style>
	</head>
	
	<body>
		<!-- 头部 -->
		<header class="mui-bar mui-bar-nav home_top">
			<h1 class="mui-title"><span lang>转出</span></h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<a class="title_right"  id="transfer_out_record" lang>转出记录</a>
		</header> 
		<div class="mui-content roll_out">
			<form class="mui-input-group">
				<div class="mui-input-row">
					<label lang>对方账户</label>
					<input type="text" id="account" class="mui-input-clear" placeholder="输入对方的ID" lang>
				</div>
				<div class="mui-input-row">
					<label lang>转出金额</label>
					<input type="text" id="money" class="" placeholder="0">
					<!--
					<select class="mui-btn mui-btn-block">
						<option value="item-1">中国[RMB]</option>
						<option value="item-2">英国[GPB]</option>
						<option value="item-3">澳大利亚[AUD]</option>
						<option value="item-4">美国[USD]</option>
						<option value="item-5">日本[JPY]</option>
					</select> -->
				</div>

				<div class="mui-input-row" id="inp_phone">
					<label style="width:30%;" lang>手机末4位</label>
					<input type="text" class="mui-input-clear" id="last_phone" placeholder="输入对方的手机末4位" lang>
				</div>
				<div class="mui-button-row">
					<button type="button" id="do_shift" class="mui-btn mui-btn-primary mui-btn-block"  style="background:#05508a;border:none;color:#fff;" lang>确认转出</button>&nbsp;&nbsp;
					<!--<button type="button" id="convert" class="mui-btn mui-btn-danger mui-btn-block" style="background:#05508a;border:none;color:#fff;border:none;display:none;" lang>积分兑换</button>-->
				</div>
			</form>
		</div>
		
		
		<!--遮罩-->
		<div id="account_pwd" style="z-index:100001; background-color:#000; opacity:0.2; filter:alpha(opacity=40);position: absolute;
		    top: 0;
		    display:none;
		    left: 0;"></div>
			<div class="mui-content" id="main_content" style="z-index: 100002;position: absolute;background:#fff;padding-top:0px;display:none;">
		    	<div style="text-align: center;font-size: 16px;height:28px;color:#333;margin-top:2%;">
		    		<span style="width:70%;float:left;margin-left: 15%;" lang>请输入支付密码</span>
		    	    <span class="mui-icon iconfont icon-guanbi" style="float:right;color:#000;margin-right:2%;" id="close_win"></span>
		    	</div>
			    
			    <div class="mui-input-row mui-password payment_password" style="margin-top:10px;">
			    	<div style="width:36px;height:36px;margin-left:2%;float:left;color:#333;">
					   <input class="" type="password" value="" style="width:100%;padding:0;text-align:center;" readonly="readonly">
				    </div>
				    
				    <div class="payment_pwd">
					   <input class="" type="password" value="" style="width:100%;padding:0;text-align:center;border-left:0;" readonly="readonly">
				    </div>
				    
				    <div class="payment_pwd">
					   <input class="" type="password" value="" style="width:100%;padding:0;text-align:center;border-left:0;" readonly="readonly">
				    </div>
				    
				    <div class="payment_pwd">
					   <input class="" type="password" value="" style="width:100%;padding:0;text-align:center;border-left:0;" readonly="readonly">
				    </div>
				    
				    <div class="payment_pwd">
					   <input class="" type="password" value="" style="width:100%;padding:0;text-align:center;border-left:0;" readonly="readonly">
				    </div>
				    
				    <div class="payment_pwd">
					   <input class="" type="password" value="" style="width:100%;padding:0;text-align:center;border-left:0;" readonly="readonly">
				    </div>
			    </div>
        	</div>
        	
			<div id="keyboard" style="z-index:100002;position:absolute;display:none;">
			    	<div id="arrowdown">
			    		<span class="mui-icon mui-icon-arrowdown" style="font-size:26px;padding-top:3px;padding-bottom:3px;"></span>
			    	</div>
			    	<div>
				    	<div id="num1" data-num="1" class="num data_num" style="border-right:1px solid #c8c7cc;">
				    		<span>1</span>
				    	</div>
				    	<div id="num2" data-num="2" class="num data_num" style="border-right:1px solid #c8c7cc;">
				    		<span>2</span>
				    	</div>
				    	<div id="num3" data-num="3" class="num data_num" style="">
				    		<span>3</span>
				    	</div>
				    	
				    	<div id="num4" data-num="4" class="num data_num" style="border-right:1px solid #c8c7cc;border-top:1px solid #c8c7cc;">
				    		<span>4</span>
				    	</div>
				    	<div id="num5" data-num="5" class="num data_num" style="border-right:1px solid #c8c7cc;border-top:1px solid #c8c7cc;">
				    		<span>5</span>
				    	</div>
				    	<div id="num6" data-num="6" class="num data_num" style="border-top:1px solid #c8c7cc;">
				    		<span>6</span>
				    	</div>
				    	
				    	<div id="num7" data-num="7" class="num data_num" style="border-right:1px solid #c8c7cc;border-top:1px solid #c8c7cc;">
				    		<span>7</span>
				    	</div>
				    	<div id="num8" data-num="8" class="num data_num" style="border-right:1px solid #c8c7cc;border-top:1px solid #c8c7cc;">
				    		<span>8</span>
				    	</div>
				    	<div id="num9" data-num="9" class="num data_num" style="border-top:1px solid #c8c7cc;">
				    		<span>9</span>
				    	</div>
				    	
				    	<div class="num" style="border-right:1px solid #c8c7cc;border-top:1px solid #c8c7cc;background-color:rgb(224,224,224);">
				    		<span>&nbsp;</span>
				    	</div>
				    	<div id="num0" data-num="0" class="num data_num" style="border-right:1px solid #c8c7cc;border-top:1px solid #c8c7cc;">
				    		<span>0</span>
				    	</div>
				    	<div id="numC" data-num="C" class="num" style="border-top:1px solid #c8c7cc;background-color:rgb(224,224,224);padding-top: 13px;
    						padding-bottom: 5px;">
				    		<div><span class="mui-icon iconfont icon-weibiaoti-" ></span></div>
				    	</div>
				    	
			    	</div>
			</div>
		
		
		<script src="../../lang/rollout.js"></script>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/config.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/sockjs.js"></script>
		<script src="../../resource/wallet/rollout.js"></script>
		
	</body>

</html>